{extend name="default/base" /}

{block name="title"}111{/block}
{block name="keywords"}2222{/block}
{block name="description"}33333{/block}

{block name="css"}{/block}

{block name="content"}

<div class="row">
    <div class="col-sm-8">
        <div class="nav-tabs-custom">
          <ul class="nav nav-tabs">
            <li class="active"><a href="#tab_1" data-toggle="tab" aria-expanded="false">TA的文章</a></li>
          </ul>
          <div class="tab-content">
            <div class="tab-pane active" id="tab_1">
                <ul class="nav nav-pills nav-stacked">
                  {volist name="article.list" id="vo"}
                  <li class="pad">
                        <div class="row pad">
                          <div class="col-xs-4">
                                <a href="{$vo.article_url}">
                                  <img class="img-responsive" src="{cms:thumb file="$vo['image']" width='220' height='150' /}">
                                </a>
                          </div>
                          <div class="col-xs-8">
                                <div>
                                    <span class="lead"><a href="{$vo.article_url}">{$vo.title}</a></span>
                                    <div class="text-muted small">
                                        <span><i class="fa fa-fw fa-clock-o"></i>{$vo.create_at|format_date}</span>
                                        <span style="margin-left:10px;"><i class="fa fa-fw fa-tag"></i><a href="{$vo.category_url}">{$vo.category_name}</a></span>
                                        <!-- <span style="margin-left:10px;"><i class="fa fa-fw fa-user"></i><a href="{$vo.member_url}">{$vo.username}</a></span> -->
                                        <!-- <span style="margin-left:10px;"><i class="fa fa-fw fa-eye"></i>阅读({$vo.pv})</span> -->
                                        <!-- <span style="margin-left:10px;"><i class="fa fa-fw fa-comments-o"></i>评论({$vo.comments_total})</span>  -->
                                    </div>
                                    <div class="text-muted hidden-xs" style="margin-top:10px;">
                                        <p class="small">{$vo.description}</p>
                                    </div>
                                </div>
                          </div>
                        </div>
                  </li>
                 {/volist}
                </ul>
            </div>
            <!-- /.tab-pane -->
          </div>
          <!-- /.tab-content -->
        </div>

        <div class="text-center">
            {$article.page}
        </div>
    </div>
    
    <div class="col-sm-4">
          <!-- Widget: user widget style 1 -->
          <div class="box box-widget widget-user">
            <!-- Add the bg color to the header using any of the bg-* classes -->
            <div class="widget-user-header bg-aqua-active">
              <h3 class="widget-user-username">{$user.username}</h3>
              <h5 class="widget-user-desc">{$user.motto}</h5>
            </div>
            <div class="widget-user-image">
              <img class="img-circle" src="{$user.avatar}">
            </div>
            <div class="box-footer">
              <div class="row">
                <div class="col-sm-6">
                  <div class="description-block">
                    <h5 class="description-header">{$user.article_sum}</h5>
                    <span class="description-text">文章数</span>
                  </div>
                  <!-- /.description-block -->
                </div>
                <!-- /.col -->
                <div class="col-sm-6">
                  <div class="description-block">
                    <h5 class="description-header">{$user.article_pv_sum}</h5>
                    <span class="description-text">阅读量</span>
                  </div>
                  <!-- /.description-block -->
                </div>
                <!-- /.col -->

              </div>
              <!-- /.row -->
            </div>
          </div>
          <!-- /.widget-user -->
    </div>

</div>

{/block}

{block name="js"}{/block}